<div class="wrap-header">
    <div class="box">
        <div class="logo">
            <div class="logo-csgo">
                <a href="#"><img src="/img/logo-csgo.png"></a>
            </div>
            <div class="logo-shop">
                <a href="#"><img src="/img/logo-shop.png"></a>
            </div>
        </div>
        <div class="user">
            <ul>
                <li class="btn-user" id="head-login">登录</li>
                <li class="btn-user" id="head-login-user-reg"><a href="/html/register.html" target="_Blank">快速注册</a></li>
                <li class="user-login" id="user-login-hello">欢迎您,<b></b></li>
                <li class="user-login" id="user-login-word">退出</li>
                <li class="user-shop"><a href="#"><i class="iconfont icon-wode"></i>我的订单</a></li>
                <li class="user-shop"><a href="#"><i class="iconfont icon-aixin1"></i>我的关注</a></li>
                <li class="user-shop"><a href="/html/shopping.html"><i class="iconfont icon-tianchongxing-"></i>我的购物车(<span id="logo-shopnumshow">0</span>)</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="wrap-nav">
    <ul id="tablist">
    
    </ul>
    <script type="text/html" id="tabListTemplate">
        {{each list tab}}
        <li><a href="/html/category.html?id={{tab.id}}" class="con_gift {{ tab.id == id ? 'ac' : '' }}">{{tab.name}}</a></li>
        {{/each}}
    </script>
    <form >
        <input type="text">
        <button><i class="iconfont icon-sousuo"></i></button>
    </form>
</div>
<div class="shop-btn">
    <div class="shop-btn-top"><a href="#"><i class="iconfont icon-wode"></i></a></div>
    <div class="shop-btn-top"><a href="#"><i class="iconfont icon-aixin1"></i></a></div>
    <div class="shop-btn-cent" id="shop-btn-cent"><a href="/html/shopping.html"><i class="iconfont icon-tianchongxing-"></i>购<br>物<br>车<span id="shopnumshow">0</span></a></div>
    <div class="shop-btn-top"><a href="#"><i class="iconfont icon-duihua2"></i></a></div>





</div>

<div class="login" id="login-html">
    <div class="login-top"></div>
    <div>
        <div class="login-left">
            <p class="p-top">扫码登录 安全快速</p>
            <div class="two-code">
                <img src="/img/two-code.png" alt="" class="img1">
                <img src="/img/iPhone-code.png" alt="" class="img2">
            </div>
            <p class="p-bottom">使用完美手机令牌扫描二维码<br><span>还没安装？点我</span></p>
        </div>
        <div class="login-right">
            <div class="del-btn-top">
                <span id="hide-btn">✖</span>
            </div>
            <div class="cent-box">
                <p class="p-c">账号登录</p>
                <input type="text" placeholder="账号" id="username">
                <input type="password" placeholder="密码" id="password">
                <input type="text" placeholder="点击确认" style="padding-left: 50px;">
                <div class="spa-btn">
                    <span class="btn-one-span" id="login-btn-ok">登录</span>
                    <span class="btn-two-span">神盾登录</span>
                </div>
                <div class="dager-show-in last-deger" id="btn-ok-username">登录成功</div>
                <div class="dager-show-in last-deger" id="btn-ok-username-null">还没有用户被注册，请注册</div>
                <div class="dager-show-in frist-deger" id='deger-btn-notok'>用户名或密码错误</div>
            </div>
            <ul>
                <li><a href="#">老虎账号登录 ｜</a></li>
                <li><a href="/html/register.html">注册新账号 ｜</a></li>
                <li><a href="#">忘记密码</a></li>
            </ul>
        </div>
    </div>
</div>